<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>注册</title>
<link rel="stylesheet" type="text/css" href="css/default.css"/>
<link rel="stylesheet" type="text/css" href="css/login.css"/>

<script language="javascript">
function locking(){
	document.getElementById('mask').style.display = 'block';
	document.getElementById('popup').style.display='block';
}
function Lock_CheckForm(theForm){
	document.getElementById('mask').style.display='none';
	document.getElementById('popup').style.display='none';
	return false;
}
function inv1(){
	document.getElementById('invi').style.display = "";
}
function inv2(){
	document.getElementById('invi').style.display = "none";
}
function yanzheng(){
	var ym = document.getElementById('yminput').value;
	if(ym == ""){
		document.getElementById('ymicon').className = "sp3 spr";
		document.getElementById('ymcon').innerHTML = "不能为空";
	}else{
		document.getElementById('ymicon').className = "sp3";
		document.getElementById('ymcon').innerHTML = "请输入你收到的6位验证码";
	}
}

</script>
</head>

<body>
	<div id="mask"></div>
    
    <!--头部-->
    <div class="header">
        <div class="top">
            <ul class="top_right">
                <li>[<a href="###">登录</a>]</li>
                <li>[<a href="###">免费注册</a>]</li>
                <li><a href="###">设为首页</a><span>|</span></li>
                <li><a href="###">加入收藏</a><span>|</span></li>
                <li><a href="###">帮助中心</a><span>&nbsp;</span></li>
            </ul>
            <span class="welc">你好，欢迎你来到票付通！</span>
        </div>
        <div class="head">
            <div class="logo">
            	<span><img src="images/index_logo.png" /></span>
            	<span style="margin-left:15px;"><img src="images/welcome.png" /></span>
            </div>
            <div class="nav">
                <ul>
                    <li><a href="index.html" class="nav1"></a></li>
                    <li><a href="#" class="nav2"></a></li>
                    <li><a href="#" class="nav3"></a></li>
                    <li><a href="#" class="nav4"></a></li>
                </ul>
            </div>
        </div>
    </div>
    
    <!--主体-->
    <div class="main">
        <div class="main_warper">
        <div class="main_war">
        	<div class="titlog">
        		<img src="images/wellogin.png" class="wellog" />
                <img src="images/step1.png" />
            </div>
            <form>
            	<table class="logtab">
                	<tr>
                    	<td class="col1"><i style="color:#F00;">*</i>&nbsp;手机号码：</td>
                    	<td class="col2"><input type="text" class="log_inpt" name="telenum" /></td>
                        <td class="col3">请输入您的手机号</td>
                    </tr>
                    <tr>
                    	<td></td>
                    	<td class="col2">
                        	<label for="che1"><input type="radio" class="logchek" name="invite" id="che1" checked="checked" onclick="inv1();" />已有邀请码</label>
                            <label for="che2"><input type="radio" class="logchek" name="invite" id="che2" onclick="inv2();" />我没有邀请码</label>
                        </td>
                    </tr>
                    <tr id="invi">
                    	<td class="col1"><i style="color:#F00;">*</i>&nbsp;邀请码：</td>
                    	<td class="col2"><input type="text" class="log_inpt" name="telenum" /></td>
                        <td class="col3">请输入您的邀请码</td>
                    </tr>
                    <tr>
                    	<td></td>
                        <td>
                        	<input type="button" class="log_ok" onClick="locking();" />
                        </td>
                    </tr>
                </table>
                <!--弹出框-->
                <div class="popup" id="popup">
                    <h4 class="popup_tit"><a href="javascript:;" class="close" onClick="Lock_CheckForm(this);"></a>短信获取验证码</h4>
                    <div class="popup_con">
                        <p>短信已发送到您的手机，请输入短信中的验证码，此服务免费。</p>
                        <p><span class="sp1">手机号码确认：</span><span class="sp2">13788889999</span></p>
                        <p>
                            <span class="sp1">验证码：</span><input type="text" class="popup_inptxt" id="yminput" onblur="yanzheng();" />
                            <span class="sp3" id="ymicon"></span><span id="ymcon">请输入你收到的6位验证码</span>
                        </p>
                        <p>
                            <span class="sp1"></span>
                            <input type="button" class="yanzheng" onclick="window.location.href=('login_step2.html')" />
                        </p>
                        <p class="spp">
                            如果您在1分钟内没有收到验证码，请 <a href="javascript:;" onClick="Lock_CheckForm(this);">返回修改手机号码</a><br />或
                            <span class="sp4"><em>50</em>秒后重新发送</span><span class="sp5"></span>验证码已发送，请查收！
                        </p>
                    </div>
                </div>
            </form>
            
            <div class="agreement">
            	<h3><<票付通服务条款>></h3>
                <h4>1．票付通服务条款的确认</h4>
                <p>票付通的所有权与运作权归福建先行网络服务有限公司（以下简称"先行"）所有。本服务条款具有法律约束力。一旦您点选 "注册"并通过注册程序，即表示您自愿接受本协议之所有条款，并已成为票付通的注册会员。用户在享用票付通网络会员服务的同时，同意接受票付通网络会员服务提供的各类信息服务。</p>
            </div>
        </div>
        </div>
    </div>
    
    <!--底部-->
    <div class="footer">
        <a href="#">关于我们</a>
        <b>|</b>
        <a href="#">联系我们</a>
        <b>|</b>
        <a href="#">诚征英才</a>
        <b>|</b>
        <a href="#">法律声明</a>
        <b>|</b>
        <a href="#">服务条款</a>
        <b>|</b>
        <a href="#">隐私声明</a>
        <b>|</b>
        <a href="#">网站地图</a>
        <br />
        <span>© 2004-2013 www.12301.cc All Rights Reserved. 票付通 版权所有</span><br />
        <span>闽ICP证B2-20110075号</span><br />
        <img src="images/footer_img.png" width="35" height="43" />
    </div>
</body>
</html>